@charset "utf-8";
/* 存放所有的公共样式 */
html{padding:0;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt{margin:0;padding:0;border:0;}
body{width:100%;background:#f8f7f5;color:#393834;font-size:16px;line-height:20px;font-family:LatoLight, '微软雅黑', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
select,input,img,select,button{vertical-align:middle; font-size:1rem;}
/* img.lazy{background: url(../img/common/loading.gif) 50% no-repeat;} */
a{text-decoration:none;}
a:hover{color:#af000c;text-decoration:none;}
a:focus{text-decoration:none}
/* 修改浏览器滚动条 */
::-webkit-scrollbar {width: 6px;height:2px;background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background: #fff ;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#999999}
::-webkit-scrollbar-thumb:hover {border-radius: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#999999}
/* 原子类 */
.fl {float: left}
.fr {float: right}
.tl {text-align: left}
.tc {text-align: center}
.tr {text-align: right}
.b{font-weight:bold;}
.clearfix::after{content: "";display: block;clear: both;}
.clearfix {*zoom: 1;}
.show{display: block}
.hide {display: none}
.red{ color:#af000c !important;}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.w1280,.w960,.w720{margin-left: auto;margin-right: auto}
.w1280{ width: 1280px}
.w960{ width: 960px}
.w720{ width: 720px}
.w{width: 100%}

/* Common */
.mw{max-width: 1200px;margin: 0 auto;position: relative;}
.loadmore{background: #c8161d;width: 160px;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 18px;margin: 0 auto;cursor: pointer;}


/* 头部 */
.header{ width:100%;min-width:1280px;position:relative;background:#c30505 url(../img/index/NavBg.png) center no-repeat;z-index:999;}
.header .top{ width:90%;max-width:1200px; height:80px; margin:0 auto;}
.header .top .logo{float:left; width:20%;height:80px; margin-left:0px; }
.header .top .logo a img{height:47px;margin-top:15px; }
.header .top ul{float:right; width:80%; height:80px; margin-right:0px; }
.header .top ul li{float:left;width:14.2%; position: relative;overflow: hidden;transition: all .5s;-webkit-transition: all .5s;}
.header .top ul li .act-bar{display: none}
.header .top ul li a{display:block;height:80px;text-align:center; letter-spacing:1px;}
.header .top ul li a h2{ line-height:65px;font-size:15px;color:#FFF;}
.header .top ul li a span{display:block; margin-top:-20px; font-size:12px;color:#e6b0ae;font-weight:normal;}
.header .top ul li.active h2{font-weight: 600}
.header .top ul li.active .act-bar{display: inline-block;width: 66%;height: 3px;background: #fff;position: absolute;z-index: 10;bottom: 0;left: 50%;margin-left: -33%}

/* 右侧导航 */
.right-nav-bar{display: inline-block;width: 54px;position: absolute;z-index: 100000;}
.right-nav-bar span{display: block;width: 54px;height: 54px;background: #c8161d;border-radius: 50%;font-size: 14px;text-align: center;padding: 10px ;cursor: pointer;color: #fff;line-height: 17px;}
.right-nav-bar span:not(:last-child){margin-bottom: 10px}

/* 各个头部Banner */
.hbanner{position: relative; width: 100%;height: 505px;background-image: url(../img/common/defaultB.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.hbanner-img{position: absolute;width: 22%;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
/* 导航 */
.nav{background: #fff;position: relative;}
.nav .nav-con .l{width: 140px;padding: 18px 0;position: relative;}
.nav .nav-con .l span{font-size: 18px;color: #000;display: block; margin-top: 7px;}
.nav .nav-con .l span:not(:last-child){font-size: 24px;color: #000}
.nav .nav-con .r{position: relative;}
.nav .nav-con .r div{position: relative;float: left;width: 100px;height: 90px;line-height: 90px;font-size: 18px;transition: all .3s linear;cursor: pointer; text-align: center;margin-right: 100px}
/* .nav .nav-con .r div:not(:last-child){margin-right: 100px} */
.nav .nav-con .r div i{display: none;width: 100%;height: 5px;background: #e60012;position: absolute;bottom: 0}
.nav .nav-con .r div.active{font-weight: bold}
.nav .nav-con .r div.active i{display: block} 
.nav .nav-con .r .nav-line{position: absolute;display: inline-block;width: 100px;height: 5px;left: 0;bottom: 0;background: #e60012;}


.nav .right-nav-bar{right: -54px;top: 20px}
/* 底部 */
#footer{width:100%; height:420px; background:#f2f5f7;position:relative; z-index:88;color: #000}
#footer .con{width:90%; max-width:1200px; margin:0px auto;}
#footer .con .f-l{width: 75%;float: left;margin-top: 50px}
#footer .con .f-l .fl{width: 15%;}
#footer .con .f-l .fl li{font-size: 18px;color: #000;margin-bottom: 23px;}
#footer .con .f-l .fl li:not(:first-child){font-size: 16px;color: #646464}
#footer .con .f-l .last{width: 25%;margin: 0;}
#footer .con .f-l .last li{margin-bottom: 23px;}
#footer .con .f-l .last .p{font-size: 29px!important;letter-spacing: 1px}


#footer .con .wx{float:right;padding-top:50px;text-align: center;}
#footer .con .wx h2{color:#000; font-size:18px; line-height:40px; text-align:center;font-weight:500;width:152px;display: inline-block;text-align: left}
#footer .con .wx span{margin:0px auto; display:block;width:152px; height:152px; background:url("../img/common/wechat.png") no-repeat;padding:10px; text-align:center;}
#footer .con .wx span img{width:130px; height:130px;}

#footer .f{max-width: 1200px;margin: 0px auto;}
#footer .f li{width: 10%;float: left;font-size: 16px;color: #646464}
#footer .f li:hover{color: #000}
#footer .bq{width:100%; height:36px;background: rgba(0,0,0);position:absolute; bottom:0px;text-align: left;color: #000}
#footer .bq span{display:block; width:90%; max-width:1200px; margin:0px auto;line-height:36px; font-size:1.3rem; color:#fff;}
#footer .bq span span{ float:left; margin-top:-36px; margin-left:410px;}

